<script setup>
import MyChild from './MyChild.vue'
import { ref } from 'vue'
function test(a,b,e) {
  // 当我们方法有一个参数时,但是调用者没有给我们任何参数,默认会传递一个事件对象
  console.log(a,b,e);
  
}
let game = ref('')
function showGame(value){
  console.log('子组件调用父组件方法',value);
  game.value = value
}
</script>
<template>
  <div class="myfather">
    父组件
    <el-button type="primary" @click="test(10,20, $event)">点我</el-button>
    <h3 v-show="game">父组件收到了子组件传递过来的数据:{{game}}</h3>
    <!-- 自定义事件名称官方推荐 xxx-xxx,肉串命名 -->
    <MyChild @play-game="showGame"/>
  </div>
</template>
<style scoped>
.myfather {
  background-color: #d69393;
  padding: 10px;
  border: 1px solid #000;
}
</style>